<template>
  <div class="index-container">
    <el-row :gutter="20">
      <page-header />
<!--      <statistical />-->
      <!-- <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24">
        <statistical />
      </el-col>
      <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24">
        <statistical />
      </el-col> -->
<!--      <div class="index-container2"></div>-->
<!--      <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24">-->
<!--&lt;!&ndash;        <access />&ndash;&gt;-->
<!--      </el-col>-->
<!--      <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24">-->
<!--&lt;!&ndash;        <authorization />&ndash;&gt;-->
<!--      </el-col>-->
<!--      <icon-list />-->
      <!-- <el-col :lg="12" :md="12" :sm="24" :xl="12" :xs="24">
        <china-map />
      </el-col> -->
      <!-- <el-col :lg="12" :md="12" :sm="24" :xl="12" :xs="24">
        <my-project />
      </el-col> -->
    </el-row>
  </div>
</template>

<script>
import PageHeader from './components/PageHeader'
import Statistical from './components/allStatistical'
import Access from './components/Access'
import Authorization from './components/Authorization'
// import ChinaMap from './components/ChinaMap'
// import MyProject from './components/MyProject'
// import VersionInformation from './components/VersionInformation'
import IconList from './components/IconList'

export default {
  name: 'Index',
  components: {
    PageHeader,
    Statistical,
    Access,
    Authorization,
    // ChinaMap,
    // VersionInformation,
    IconList,
    // MyProject,
  },
}
</script>

<style lang="scss" scoped>
.index-container {
  padding: 0 !important;
  background: $base-color-background !important;
  ::v-deep {
    .access,
    .authorization,
    .version-information {
      min-height: 268px;
    }

    .el-card {
      .el-card__header {
        position: relative;

        .card-header-tag {
          position: absolute;
          top: 15px;
          right: $base-margin;
        }

        > div > span {
          display: flex;
          align-items: center;

          i {
            margin-right: 3px;
          }
        }
      }

      .el-card__body {
        position: relative;

        .echarts {
          width: 100%;
          height: 127px;
        }
        .card-footer-tag {
          position: absolute;
          right: $base-margin;
          bottom: 15px;
        }
      }
    }

    .bottom {
      padding-top: 20px;
      margin-top: 5px;
      color: #595959;
      text-align: left;
      border-top: 1px solid $base-border-color;
    }
  }
}

.index-container2 {
  width: 2000px;
  height: 1000px;
  background: url('~@/assets/login_images/back.jpg') no-repeat;
}
</style>
